<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慢病管理</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/myCss/head.css">
    <link rel="stylesheet" href="../css/myCss/popup.css">
    <script src="../js/myJS/remJS.js"></script>
    <link rel="stylesheet" href="../css/myCss/footer.css">
    <link rel="stylesheet" href="../css/myCss/resPopup.css">
    <link rel="stylesheet" href="../css/myCss/subCss/moduleTitle.css">
    <link rel="stylesheet" href="../css/myCss/chronicManagement.css">
    <link rel="stylesheet" href="../css/myCss/docTeam.css">
    <link rel="stylesheet" href="../css/myCss/departmentIntroduction.css">
    <link rel="stylesheet" href="../css/myCss/medicalService.css">
</head>
<body>
<!--遮罩，挡住顶部,有预约模块的需要这个-->
<div id="resMask1" class="resMask1"></div>
<!--顶部-->
<div class="head" id="head">
    <div class="headLeft">
        <img src="../img/logoIcon.png"/>
    </div>
    <div class="headTitle">慢病管理</div>
    <div class="headRight">
        <button type="button" class="headBtn">
            <img class="headBtnImg" src="../img/moreIcon.png"/>
        </button>
    </div>
</div>

<div class="familyDoctor">
    <div class="familyDoctor_img">
        <img src="../img/medicalService/doctor_02_02.png"/>
        <span class="imgWord">医疗服务</span>
    </div>
    <div class="famDoc_content">
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                慢病管理
                <button class="fixedBottomBtnContent onlineRes">
                    <img src="../img/medicalService/clock.png"/>
                    在线预约
                </button>
            </div>
        </div>
        <div class="famDoc_intro">
            <div class="famDoc_text">
                慢性疾病管理系统是一种为综合性医院及专科医院开发设计的慢性疾病管理网络系统。它全面导入疾病管理的概念，针对常见慢性病的诊疗与科研，帮助科室快速实现慢性病病历的系统管理，辅助医生护士的日常诊疗护理工作，并为医院向患者提供多样化诊疗服务创造条件。
            </div>
            <div class="famDoc_intro_img">
                <img src="../img/medicalService/health_02_03.png"/>
            </div>
        </div>

        <div class="HorizontalLine"></div>
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                慢性病简介
            </div>
        </div>
        <div class="chronicGroup">
            <div class="chronicGroup_item">
               <ul class="chronicGroup_item_title">
                   <li>
                       1.肝硬化
                   </li>
               </ul>
                <ul class="chronicGroup_item_text">
                    <li>
                       肝硬化（liver cirrhosis）是一种常见的慢性肝病，可由一种或多种原因引起肝脏损害，肝脏呈进行性、弥漫性、纤维性病变。具体表现为肝细胞弥漫性变性坏死，继而出现纤维组织增生和肝细胞结节状再生，这三种改变反复交错进行，结果肝小叶结构和血液循环途径逐渐被改建，使肝变形、变硬而导致肝硬化。该病早期无明显症状，后期则出现一系列不同程度的门静脉高压和肝功能障碍，直至出现上消化道出血、肝性脑病等并发症死亡。
                    </li>
                </ul>
            </div>
            <hr class="dashedLine">
            <div class="chronicGroup_item">
                <ul class="chronicGroup_item_title">
                    <li>
                        2.糖尿病
                    </li>
                </ul>
                <ul class="chronicGroup_item_text">
                    <li>
                      糖尿病 （diabetes）是由遗传因素、免疫功能紊乱、微生物感染及其毒素、自由基毒素、精神因素等等各种致病因子作用于机体导致胰岛功能减退、胰岛素抵抗(Insulin Resistance，IR)等而引发的糖、蛋白质、脂肪、水和电解质等一系列代谢紊乱综合征，临床上以高血糖为主要特点，典型病例可出现多尿、多饮、多食、消瘦等表现，即“三多一少”症状。
                    </li>
                </ul>
            </div>
            <hr class="dashedLine">
            <div class="chronicGroup_item">
                <ul class="chronicGroup_item_title">
                    <li>
                        3.类风湿病
                    </li>
                </ul>
                <ul class="chronicGroup_item_text">
                    <li>
                        又称类风湿(Rheumatoid arthritis,RA)，是一种病因尚未明了的慢性全身性炎症性疾病，目前公认类风湿关节炎是一种自身免疫性疾病。可能与内分泌、代谢、营养、地理、职业、心理和社会环境的差异、细菌和病毒感染及遗传因索等方面有关系。
                    </li>
                </ul>
                <!--阴影条-->
                <div class="textShadow"></div>
            </div>
        </div>
        <div class="showMore">
            <button>展开全部</button>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footerBackgroundImg" style="background:url('../img/footer/footerBackgroundImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; ">
        <div class="contactUS">
            <ul>
                <li class="footer_title">联系我们</li>
                <li class="footer_contactUs_content">电话：400-888-8888</li>
                <li class="footer_contactUs_content">手机：15888885225</li>
                <li class="footer_contactUs_content">邮箱：123@163.com</li>
                <li class="footer_contactUs_content">总部地址：深圳市某某区某某路某某广场某号楼某号</li>
            </ul>
        </div>
        <div class="QRCode">
            <ul>
                <li><img src="../img/footer/footerErweimaImg.png"></li>
                <li>扫一扫关注公众号</li>
            </ul>
        </div>
    </div>
    <div class="footerBottom">
        <ul>
            <li>
                ©Copyright © 2018-2019
            </li>
            <li>
                www.xxxxxx.comAll rights reserved 版权所有
            </li>
        </ul>
    </div>
</div>

<!--预约弹窗-->
<div id="resPopup" class="resPopup hideResPopup resPopupAction">
    <div class="head">
        <div class="headLeft">
            <img src="../img/logoIcon.png"/>
        </div>
        <div class="headTitle">长木医疗</div>
        <div class="headRight">
            <button type="button" class="headBtn">
                <img class="headBtnImg" src="../img/moreIcon.png"/>
            </button>
        </div>
    </div>
    <div id="resForm" class="container resForm">
        <div class="row">
            <ul class="col-xs-6 col-sm-6 subResForm ">
                <input id="resName" type="text" placeholder="姓名">
            </ul>
            <ul class="col-xs-6 col-sm-6">
                <select id="resSex">
                    <option value='' disabled selected style='display:none;'>性别</option>
                    <option value="man">男</option>
                    <option value="woman">女</option>
                </select>
                <span class="caret"></span>
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <input id="resTel" type="text" placeholder="电话号码">
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <input id="resIDCard" type="text" placeholder="填写身份证">
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <input id="resAddress" type="text" placeholder="填写住址">
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <input id="resDoctors" type="text" placeholder="选择医生">
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <select id="resDate">
                    <option id="resDateOption" value='' disabled selected style='display:none;'>选择日期</option>
                </select>
                <span class="caret"></span>
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <textarea placeholder="在线留言"></textarea>
            </ul>
        </div>
        <div class="row">
            <ul class="col-xs-12 col-sm-12">
                <button>提交</button>
            </ul>
        </div>
    </div>
    <!--遮罩层-->
    <div id="resMask" class="resMask"></div>
    <!--选择医生弹窗-->
    <div id="modalDoctors" class="modalDoctors hideModalDoctors modalDoctorsAction">
        <div>
            <ul class="modalDoctorsTitle">选择医生</ul>
            <div class="modalDoctorsRadioGroup">
                <ul>
                    <label class="modalDoctorsRadioGroupLabel">
                        乔巴老大
                        <input id="radio1" name="theDoctors" value="乔巴老大" type="radio">
                        <label for="radio1"></label>
                    </label>
                </ul>
                <ul>
                    <label  class="modalDoctorsRadioGroupLabel">
                        张三
                        <input id="radio2" name="theDoctors" value="张三" type="radio">
                        <label for="radio2"></label>
                    </label>
                </ul>
                <ul>
                    <label class="modalDoctorsRadioGroupLabel">
                        李逵
                        <input id="radio3" name="theDoctors" value="李逵" type="radio">
                        <label for="radio3"></label>
                    </label>
                </ul>
                <ul>
                    <label class="modalDoctorsRadioGroupLabel">
                        纲手
                        <input id="radio4" name="theDoctors" value="纲手" type="radio">
                        <label for="radio4"></label>
                    </label>
                </ul>
            </div>
        </div>
    </div>
    <div  id="modalDate" class="modalDate hideModalDate modalDateAction">
        <table>
            <tr class="tableHiddenLine">
                <td></td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
                <td>01/28<br/>星期一</td>
            </tr>
            <tr>
                <td><span>09:00-10:30</span></td>
                <td><button disabled value="2019-01-29 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td></td>
                <td></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td></td>
            </tr>
            <tr>
                <td><span>09:00-10:30</span></td>
                <td></td>
                <td></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
                <td><button disabled value="2019-01-28 09:00-10:30" class="alreadyFill">已满</button></td>
            </tr>
            <tr>
                <td><span>09:00-10:30</span></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td><span>09:00-10:30</span></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
                <td></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
                <td><button value="2019-01-28 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
            </tr>
            <tr>
                <td><span>09:00-10:30</span></td>
                <td><button value="2019-01-22 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-22 09:00-10:30" class="noFill">剩22</button></td>
                <td><button value="2019-01-22 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
                <td></td>
                <td><button value="2019-01-22 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
                <td><button value="2019-01-22 09:00-10:30" class="noFill">剩22</button></td>
                <td></td>
            </tr>
        </table>
    </div>
</div>


<!--菜单栏-->
<div id="popupTop" class="popup hidePopup popupAction">
    <!--顶部-->
    <div class="head">
        <div class="headLeft">
            <img src="../img/logoIcon.png"/>
        </div>
        <div class="headTitle">慢病管理</div>
        <div class="headRight">
            <button type="button" class="headBtn">
                <img class="headBtnImg" src="../img/moreIcon.png"/>
            </button>
        </div>
    </div>
    <!--导航菜单栏-->
    <div id="menuContent">
        <div class="popupNav"><a id="popup0" href="../index.html">首页</a></div>
        <div class="popupNav"><a id="popup1" href="aboutUs.html">关于长木</a></div>
        <div class="popupNav"><a id="popup2" href="">医疗服务</a></div>
        <div class="popupNav"><a id="popup3" href="">科室介绍</a></div>
        <div class="popupNav"><a id="popup4" href="clinicDistribution.html">诊所分布</a></div>
        <div class="popupNav"><a id="popup5" href="healthDynamics.html">健康资讯</a></div>
        <div class="popupNav"><a id="popup6" href="membershipService.html">会员服务</a></div>
        <div class="popupLang">
            <div class="popupLangLeft">
                <ul>
                    <li>
                        <a href="#">中文</a>
                        <!--垂直线-->
                        <span class="popupVerticalLine"></span>
                        <a href="#">English</a>
                    </li>
                </ul>
            </div>
            <div class="popupLangRight">
                <ul>
                    <li>
                        <a href="register.html">注册</a>
                        <span class="popupVerticalLine"></span>
                        <a href="login.html">登录</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="popupSearch">
        <ul>
            <li>
                <!--放大镜图标-->
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                <!--手机的输入法中换行键变为搜索键-->
                <form class="formSearch" action='' onsubmit="return false;">
                    <!--焦点在文本框上时，将文本框移至最上方，同时显示取消按钮-->
                    <input id="popupText"  type="search" value="" placeholder="搜索专家/病症">
                </form>
                <!--文本框中不为空时显示搜索按钮，为空时显示取消按钮-->
                <button class="popupCancelButton" id="popupCancelButton">取消</button>
                <button class="popupSearchButton" id="popupSearchButton">搜索</button>
            </li>
        </ul>
    </div>
    <!--清除浮动效果-->
    <div style="clear: both"></div>
    <!--搜索时的提示-->
    <div id="searchTip">
        <ul class="searchContentTitle">
            <li>
                热门搜索
            </li>
        </ul>
        <!--提示内容-->
        <div class="searchContentTip">
            <ul>
                慢性病
            </ul>
            <ul>
                心血管病
            </ul>
            <ul>
                中医资讯
            </ul>
            <ul>
                肿瘤
            </ul>
        </div>
    </div>
    <!--医疗服务-->
    <div>
        <div class="container medSer">
            <div class="row medSerGroup">
                <a href="technicalTeam.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/server_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>专家团队</li>
                    </ul>
                </a>
                <a href="crossMedical.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/hospital_08_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>国际医疗</li>
                    </ul>
                </a>
            </div>
            <div class="medSerLine_bottom"></div>
            <div class="row medSerGroup">
                <a href="familyDoctor.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/hospital_05_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>家庭医生</li>
                    </ul>
                </a>
                <a href="chronicManagement.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/health_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>慢病管理</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
    <!--科室介绍-->
    <div class="container depIntro">
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/quankeIcon.png"/></li>
                        <li class="depIntro_item_title">全科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/fukeIcon.png"/></li>
                        <li class="depIntro_item_title">妇科</li>
                        <li class="depIntro_item_line"></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/erkeIcon.png"/></li>
                        <li class="depIntro_item_title">儿科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/xingxuegaunkeIcon.png"/></li>
                        <li class="depIntro_item_title">心血管科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/shengjingkeIcon.png"/></li>
                        <li class="depIntro_item_title">神经科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/zhongliukeIcon.png"/></li>
                        <li class="depIntro_item_title">肿瘤科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
</div>
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/myJS/popupTop.js"></script>
<script src="../js/myJS/resPopup.js"></script>
</body>
</html>
